$(function() {

		
	
	$("#btn_save_property_template").click(function() {
		var propertyIds = [];
		var dataJson = $("#productPropertyTemplatePropertyTable").bootstrapTable("getData");
		if(dataJson && dataJson.length > 0 ){
			$.each(dataJson,function(i,item){
				propertyIds.push(dataJson[i].id);
			});
		}
		$("#propertyIds").val(propertyIds);
		$("#productPropertyTemplateForm").submit();
		return false;
	});
	
	$("#productPropertyTemplateForm").validate({
		rules : {
			templateName : {
				required : true,
				minlength : 2,
				maxlength : 50
			}
		},
		messages : {
			templateName : {
				required : '请填写模版名称 ',
				minlength : '模版名称 至少2个字符',
				maxlength : '模版名称 至少50个字符'
			}
		},
		errorPlacement : function(error, element) { // 错误信息位置设置方法
			var tagName = $(element).is("select");
    		if(!tagName) {
    			error.insertAfter(element);
    		}else {
    			error.insertAfter(element.parent().next());
    		}
		},
		submitHandler : function(form) {
			form.submit();
		}
	});
	
	// 定义列
	var productPropertyColumns = [
		{
				field : 'id',
				title : 'id',
				align : 'left',
				valign: 'middle',
				visible: false
		},
		{
			field : 'no',
			title : '序号',
			align : 'left',
			valign: 'middle',
			formatter : function(value, row, index) {
				return index + 1;
			}
		},
		{
				field : 'propertyName',
				title : '属性名称',
				align : 'center',
				valign: 'middle',
		},
		{
				field : 'propertyValue',
				title : '属性值',
				align : 'center',
				valign: 'middle',
		},
		{ field: 'sortNo', title: '排序', align: 'center', valign: 'middle',
	    	formatter: function(value,row,index){
	    		var options = $('#productPropertyTemplatePropertyTable').bootstrapTable("getOptions");
	    		var pageNumber = options.pageNumber;
	    		var lastRowIndex = $('#productPropertyTemplatePropertyTable').bootstrapTable('getData').length;
	    		var strHtml = "";
	    		if (index != 0 || pageNumber != 1) {
	    			strHtml += "<a class='btn btn-primary btn-xs' href='javaScript:void(0);' onclick='rowSort(\""+$("#id").val()+"\",\"1\","+ row.id + ","+row.sortNo+")' >上移</a>";
	    		}
	    		if (lastRowIndex - 1 != index) {
	    			strHtml += "<a class='btn btn-primary btn-xs' href='javaScript:void(0);' onclick='rowSort(\""+$("#id").val()+"\",\"-1\","+ row.id + ","+row.sortNo+")' >下移</a>";
	    		}
	    		if (index != 0 || pageNumber != 1) {
	    			strHtml += "<a class='btn btn-primary btn-xs' href='javaScript:void(0);' onclick='rowSort(\""+$("#id").val()+"\",\"0\","+ row.id + ","+row.sortNo+")' >置顶</a>";
	    		}
	    		
	    		return strHtml;
	    	}
	    },
	    {	
			field : '#',
			title : '操作',
			align : 'center',
			valign: 'middle',
			formatter : function(value, row, index) {
				return "<a class='btn btn-danger btn-xs' href='javaScript:void(0);'onclick='removeFromPropertyTemplate(\""
				+ $("#id").val() + "\",\""+row.id+"\","+row.tmpFlag+")'>删除</a>";
			}
		}];
			
			
	// 定义查询回调函数（查询参数在此设置）
	var productPropertyQueryParams = function(params) {
		var id =  $("#id").val()
		return {
			rows : params.limit, // 页面大小
			page : params.pageNumber, // 页码
			id : id
		};
	};
	
	var productPropertyUrl = rootPath + "/productProperty/listPropductPropertyTemplatePropertyList"; // 请求json数据的服务器地址
	sys.initTable('productPropertyTemplatePropertyTable', {
		url : productPropertyUrl,
		queryParams : productPropertyQueryParams,
		columns : productPropertyColumns,
		striped : true,
		clickToSelect : true,
		pagination:false
	});
	
	
	
	$("#btn_back").click(function() {
		window.location.href = rootPath + "/productSpec/toListProductSpecPage?tabIndex=3";
	});
	
	$("#btnProductPropertyTemplatePropertyAdd").click(function(){
		var url = rootPath + "/productProperty/toProductPropertySelector";
		layer.open({
			  type: 2,//弹框类型
			  title: '添加商品模板属性',//弹框标题
			  area: ['900px', '650px'],//弹框大小，宽高
			  skin: 'layui-layer-lan',//皮肤
			  fixed: false, //是否固定，不固定
			  content: url,//加载内容，可以是一句话也可以是连接
			  shade:[0.8, '#393D49'],//遮罩，透明度以及颜色
			  cancel: function(index, layero){ 
				  // 不刷新
				  // layero.parent().find("#productPropertyTemplatePropertyTable").bootstrapTable("refresh");
				  layer.close(index)
				  return false; 
			  }  
		});
	});
	
});

// 弹窗页面选择的商品属性，添加到的列表中（父级方法，由于子页面调用）
function addPropertyToTable(data){
	var id = data.id;
	// 去重判断
	var jsonData = $("#productPropertyTemplatePropertyTable").bootstrapTable("getData");
	if(jsonData && jsonData.length > 0){
		for(var i = 0 ; i < jsonData.length; i++){
			if(jsonData[i].id == id){
				return false;
			}
		}
	}
	$("#productPropertyTemplatePropertyTable").bootstrapTable("append",data);
}

// 从商品属性模板中将属性移除
function removeFromPropertyTemplate(templateId, propertyId, tmpFlag){
	
	layer.confirm('确定要将该商品属性从模板中删除？',{
		  btn: ['确定','取消'], //按钮
		  skin: 'layui-layer-lan' //样式类名
		}, function(index, layero){ 
			if(tmpFlag == 1){
				$("#productPropertyTemplatePropertyTable").bootstrapTable("remove",{field: 'id', values: [propertyId]});
			} else {
				$("#productPropertyTemplatePropertyTable").bootstrapTable("remove",{field: 'id', values: [parseInt(propertyId)]});
			}
			layer.close(index);
			
			/**
			if(tmpFlag == 1){
				$("#productPropertyTemplatePropertyTable").bootstrapTable("remove",{field: 'id', values: [propertyId]});
				layer.close(index);
			}else{
				var url = rootPath + "/productPropertyTemplate/deletePropertyFromeTemplate";
				$.ajax({
			        type:"post",
			        url:url,
			        data:{templateId:templateId,propertyId:propertyId},
			        datatype: "json",
			        success:function(json){
			        	if(json.resultCode == '1'){
			        		$("#productPropertyTemplatePropertyTable").bootstrapTable("refresh");
			        	}
			        	layer.close(index)
			        },
			        error: function(){
			        	showErr(json.resultMsg);
			        }
				});
			}
			*/
		}, 
		function(index){
			
		}
	);
	
	
}




//排序 1-上移 -1下移  0 置顶
function rowSort(templateId,direction,id,sortNo){
	var jsonData = $("#productPropertyTemplatePropertyTable").bootstrapTable("getData");
	var tmpData = null;
	if(jsonData && jsonData.length > 0){
		for(var i = 0;i < jsonData.length; i++){
			if(jsonData[i].id == id){
				// 上移
				if(direction == '1'){
					tmpData = jsonData[i-1];
					jsonData[i-1]=jsonData[i];
					jsonData[i]=tmpData;
					break;
				}
				
				// 下移 (最后一条不能下称)
				if(direction == '-1' && i != (jsonData.length-1)){
					tmpData = jsonData[i+1];
					jsonData[i+1]=jsonData[i];
					jsonData[i]=tmpData;
					break;
				}
				// 置顶
				if(direction == '0'){
					tmpData = jsonData[0];
					jsonData[0]=jsonData[i];
					jsonData[i]=tmpData;
					break;
				}
			}
		}
		$("#productPropertyTemplatePropertyTable").bootstrapTable("load",jsonData);
	}
}

/**
//排序 数据库排序（暂不使用）
function rowSort(templateId,direction,id,sortNo){
	var url = rootPath + "/productPropertyTemplate/updateProductPropertyTemplatePropertySort";
	$.ajax({
        type:"post",
        url:url,
        data:{templateId:templateId,direction:direction,id:id,sortNo:sortNo},
        datatype: "json",
        success:function(json){
        	// showSuccess(json.resultMsg);
        	if(json.resultCode == '1'){
        		$("#productPropertyTemplatePropertyTable").bootstrapTable("refresh");
        	}
        },
        error: function(){
        	showErr(json.resultMsg);
        }
	});
}
*/

